<template>
  <view v-if="show" class="generate_privacy_protocol">
    <view class="popup" v-if="!popup2">
      <view class="title">隐私保护说明</view>
      <view class="content">
        <view class="content-text">
          欢迎使用“人康课堂”：<br/>
          1.导言<br/>
          1.1
          《人康课堂用户服务协议》（以下称“本协议”）是我们与您订立的，就您打开、注册、登录、使用（以下统称“使用”）人康课堂的相关事宜约定双方权利义务的协议。我们已经发布、后续可能发布的、不时修改的与人康课堂有关的其他全部相关协议、社区公约、活动规则、公告、说明、站内信通知等（合称“平台规则”）均属于本协议不可分割的组成部分，与本协议具有同等法律效力。
          <br/>
          1.2
          请您在开始使用人康课堂之前，认真阅读并充分理解本协议，特别是涉及免除或者限制责任的条款、权利许可和信息使用的条款、同意开通和使用特殊单项服务的条款、法律适用和争议解决条款等。其中，免除或者限制责任条款等重要内容请您重点阅读。如您未满18周岁，请您在法定监护人陪同下仔细阅读并充分理解本协议。
          <br/>
          1.3 当您使用人康课堂，则视为您已详细阅读并充分理解本协议，同意作为本协议的一方当事人接受本协议的约束。如您不同意本协议，可以选择不使用人康课堂。<br/>
          1.4 为提升用户体验，或基于整体服务运营、平台安全、合规经营的需要，我们可能不定期更新或变更人康课堂的产品或服务，包括但不限于修改、升级、中止或终止相关服务、提供新服务。
        </view>
      </view>
      <view class="button-box">
        <button class="ge-button" open-type="agreePrivacyAuthorization" @click="yes">同意，继续使用
        </button>
        <button class="ge-button-no" @click="no">不同意</button>
      </view>
    </view>
    <view class="popup" v-if="popup2">
      <view class="title">温馨提示</view>
      <view class="content">
        <view class="content-text">如您不同意
          <text @click="open">{{ title }}</text>
          ，我们将无法为您提供人康课堂小程序的功能
        </view>
      </view>
      <view class="button-box">
        <button class="ge-button" open-type="agreePrivacyAuthorization" @click="yes">同意，继续使用</button>
        <button class="ge-button-no" @click="yes">返回</button>
      </view>
    </view>
  </view>
</template>

<script>
/**
 * 隐私协议
 */
export default {
  data() {
    return {
      show: false,
      popup2: false,
      title: ""
    };
  },
  created() {
    this.setShow()
  },
  methods: {
    setShow() {
      let _this = this;
      wx.getPrivacySetting({
        success: res => {
          console.log(res)
          if (res.needAuthorization) {
            _this.show = true
            _this.title = res.privacyContractName

          }
        }
      })
    },
    no() {
      this.popup2 = true
    },
    pages() {

    },
    yes() {
      this.show = false
    },
    open() {
      wx.openPrivacyContract({
        success: () => {
        }, // 打开成功
        fail: () => {
        }, // 打开失败
        complete: () => {
        }
      })
    }
  },
}
</script>

<style lang="scss" scoped>
.generate_privacy_protocol {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup {
  width: 90%;
  background-color: #fff;
  border-radius: 8upx;
  box-sizing: border-box;
  padding: 50upx 40upx 0 40upx;

  .title {
    width: 100%;
    font-size: 42upx;
    color: #313131;
    text-align: center;
    margin-bottom: 24upx;
  }

  .content {
    font-size: 40upx;
    color: #666666;
    background-color: #fff;
    max-height: 400upx;
    overflow: auto;
  }

  .button-box {
    box-sizing: border-box;
    padding-top: 20upx;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #FFFFFF 100%);
  }

  .ge-button {
    width: 100%;
    background-color: #5CAE77;
    font-size: 44upx;
    color: #fff;
  }

  .ge-button-no {
    background-color: transparent;
    color: #666666;
  }
}

.content-text text {
  color: #5CAE77;
}
</style>
